<!-- 竖向排列 -->
<template>
  <div class="books-vertical">
    <router-link to="/" class="item-a">
      <img class="books_fm" src="books_fm/hongloumeng.jpg" alt="" />
      <p>红楼梦</p>
      <span class="name">吴承恩</span>
    </router-link>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.books-vertical {
  width: 22%;
  margin: 0.8rem 0 0.2rem 4%;
  display: block;
  &:nth-child(4n + 1) {
    margin-left: 0;
  }

  &:nth-child(4n) {
    margin-right: 0;
  }
}
</style>